<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link REL="stylesheet" HREF="styles/main.css" TYPE="text/css" MEDIA="screen" />
        <script src="scripts/jquery-1.9.0.min.js" type="text/javascript"></script>
         <script src="scripts/clue.js" type="text/javascript"></script>        
        <title>Clue</title>
    </head>
    <body>
        <div id="header">
            <h1 id="mainTitle">Clue Game</h1>
        </div>        
        <div id="main">
            <%
            // Get pageName to put in main
            String pageName = "";
            Object pageNameAsObj = request.getAttribute("pageName");
            if (pageNameAsObj == null || pageNameAsObj == "") {
                pageName = "newGame.jsp";
            } else {
                pageName = pageNameAsObj.toString() + ".jsp";
            }
            
            %>
            <jsp:include page="<%=pageName%>" flush="true"></jsp:include>
        </div>
        <div id="footer">
            <label id="statusLabel">
            </label>
        </div>
    </body>
</html>
